<!DOCTYPE html>
<html>
  <head>
    <script src="//unpkg.com/angular@1.8.3/angular.js"></script>
    <script src="//unpkg.com/@uirouter/angularjs@1.1.1/release/angular-ui-router.js"></script>

    <!--  Hello Galaxy Code -->
    <script src="hello.js"></script>
    <script src="services/people.js"></script>
    <script type="module" src="./components/index.js"></script>

    <!-- Visualizer and url -->
    <link rel="stylesheet" href="styles.scss" />
    <script src="//unpkg.com/show-current-browser-url"></script>
    <!-- <script src="//unpkg.com/d3@3"></script> -->
    <script src="//unpkg.com/@uirouter/visualizer@7.2.1"></script>
    <title>Hello Galaxy</title>
  </head>

  <body
    ng-app="hello"
    ng-controller="MainCtrl as $ctrl"
    ng-class="{'debug-sref': debug.uisref, 'debug-view': debug.uiview}"
  >
    <div>
      <button onclick="document.location.reload(true)">reload plunker</button>
      <button ng-click="debug.uiview = !debug.uiview">
        {{ debug.uiview ? "disable" : "enable"}} ui-view debug
      </button>
      <button ng-click="debug.uisref = !debug.uisref">
        {{ debug.uisref ? "disable" : "enable"}} ui-sref debug
      </button>
      <button ng-click="handleClick()">log</button>

    </div>
    <div class="nav">
      <a ui-sref="hello" ui-sref-active="active">Hello</a>
      <a ui-sref="about" ui-sref-active="active">About</a>
      <a ui-sref="people" ui-sref-active="active">People</a>
    </div>

    <ui-view></ui-view>
  </body>
</html>
